import React from 'react'
import { NavigationStackScreenComponent } from 'react-navigation-stack'
import { View, Image, Text } from 'react-native'
import { commonStyle, translateSize, definedColors } from 'styles'
import assets from '../assets'
import { cancelResultStyle } from './styles'
import { paySuccessStyle } from 'modules/styles';
import { RadiusButton } from 'components';

const CancelResultScreen: NavigationStackScreenComponent = props => {
	return (
		<View style={[commonStyle.containerColumn, cancelResultStyle.container]}>
			<Image style={cancelResultStyle.icon} source={assets.images.icon_qr_code} />
			<Text style={cancelResultStyle.content}>已发起撤单</Text>
			<View style={paySuccessStyle.buttonContainer}>
				<RadiusButton onPress={() => {
					props.navigation.push('AppHome')
				}} style={{ marginBottom: translateSize(36) }}>
					<Text style={{ color: definedColors.white, fontSize: translateSize(36) }}>返回首页</Text>
				</RadiusButton>
			</View>
		</View>
	)
}

CancelResultScreen.navigationOptions = props => {
	return {
		title: '发起撤单',
	}
}

export default CancelResultScreen
